<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发光文本1</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background-color: #111;
        }
        h2 {
            display: flex;
            font-size: 15vw;
            color: transparent;
        }
        h2 span {
            animation: animate 3s linear infinite;
            animation-delay: calc(0.1s * var(--i));
        }
        @keyframes animate {
            0% {
                color: #fff;
                filter: blur(2px) hue-rotate(0deg);
                text-shadow: 0 0 10px #00b3ff,
                0 0 20px #00b3ff,
                0 0 40px #00b3ff,
                0 0 80px #00b3ff,
                0 0 120px #00b3ff,
                0 0 200px #00b3ff,
                0 0 400px #00b3ff;
            }
            30%,70%{
                color: #fff;
                filter: blur(2px) hue-rotate(360deg);
                text-shadow: 0 0 10px #00b3ff,
                0 0 20px #00b3ff,
                0 0 40px #00b3ff,
                0 0 80px #00b3ff,
                0 0 120px #00b3ff,
                0 0 200px #00b3ff;
            }
            100% {
                color: transparent;
                box-shadow: none;
                filter: blur(2px) hue-rotate(0deg);
            }
        }
    </style>
</head>
<body>
    <h2>
        <span style="--i:1">w</span>
        <span style="--i:2">s</span>
        <span style="--i:3">h</span>
        <span style="--i:4">3</span>
        <span style="--i:5">0</span>
        <span style="--i:6">3</span>
        <span style="--i:7">8</span>
        <span style="--i:8">9</span>
        <span style="--i:9">7</span>
        <span style="--i:10">1</span>
    </h2>
</body>
</html>